<section class="topbox">
    <div class="top-type">{{data.orderStatusStr}}</div>
    <div class="gutter-example">
        <div nz-row [nzGutter]="32">
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>派车单号</p>
                    <p>{{data.dispatchOrderNo}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>发货日期</p>
                    <p>{{data.deliverTime}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>公司</p>
                    <p>{{data.logisticsCompanyName}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>发布人</p>
                    <p>{{data.customerName}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>车辆类别</p>
                    <p>{{data.carType}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>挂车</p>
                    <p>{{data.isTrailer}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>车辆</p>
                    <p>{{data.carNum}}辆</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>货重（t）</p>
                    <p>{{data.goodsWeight}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>预计耗时</p>
                    <p>{{data.expectCostTime}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>司机运费（元）</p>
                    <p>{{data.freight}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>运费状态</p>
                    <p>{{data.payStatus}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>司机账号</p>
                    <p>{{data.driverAccount}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>姓名</p>
                    <p>{{data.driverName}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>联系方式</p>
                    <p>{{data.driverMobile}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>驾驶证类型</p>
                    <p>{{data.driverType}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>押金（元）</p>
                    <p>{{data.deposit}}</p>
                </div>
            </div>
        </div>
    </div>
    <section class="imgs">
        <div class="gutter-example">
            <div nz-row [nzGutter]="8">
                <div nz-col class="gutter-row" [nzSpan]="8">
                    <div class="gutter-box">
                        <img src="{{data.headstockUrl}}" alt="">
                        <h3>含有车牌的车头照片</h3>
                    </div>
                </div>
                <div nz-col class="gutter-row" [nzSpan]="8">
                    <div class="gutter-box">
                        <img src="{{data.mainDriverLicenseUrl}}" alt="">
                        <h3>驾驶员行驶证照片（正驾驶）</h3>
                    </div>
                </div>
                <div nz-col class="gutter-row" [nzSpan]="8">
                    <div class="gutter-box">
                        <img src="{{data.copilotDriverLicenseUrl}}" alt="">
                        <h3>驾驶员行驶证照片（副驾驶）</h3>
                    </div>
                </div>
                <div nz-col class="gutter-row" [nzSpan]="8">
                    <div class="gutter-box">
                        <img src="{{data.roadTransportCertificateUrl}}" alt="">
                        <h3>道路运输证照片</h3>
                    </div>
                </div>
                <!-- <div nz-col class="gutter-row" [nzSpan]="8">
                    <div class="gutter-box">
                        <img src="{{data.freightInsuranceUrl}}" alt="">
                        <h3>货运保险照片</h3>
                    </div>
                </div> -->
            </div>
        </div>
    </section>
    <section class="router">
        <section class="title">
            <h3>路径</h3>
        </section>
        <section class="routerway">
            <section class="begin">
                <h3>{{data.startingCity}}</h3>
            </section>
            <section class="line">
                <h3>运至</h3>
            </section>
            <section class="end">
                <h3>{{data.endCity}}</h3>
            </section>
        </section>
    </section>
    <section *ngIf="showCheck&&data.orderStatus=='8'">
        <div nz-row>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>审核</p>
                    <div class="table">
                        <nz-radio-group [(ngModel)]="checkOrder.auditStatus">
                            <label nz-radio [nzValue]="true">
                          <span>同意</span>
                        </label>
                            <label nz-radio [nzValue]="false">
                          <span>不同意,资料未通过</span>
                        </label>
                        </nz-radio-group>
                    </div>
                </div>
            </div>
            <div nz-col [nzSpan]="2" [nzOffset]="10">
                <button nz-button [nzType]="'primary'" (click)="CheckSend()">
                    <i class="anticon anticon-schedule"></i><span>确定</span>
                </button>
            </div>
        </div>
    </section>
    <!-- *ngIf="data.orderStatus=='已接单'" -->
    <section class="pay" nz-row *ngIf="showCheck">
        <div nz-col [nzSpan]="8" class="leftdiv">
            <h3>付款方式</h3>
        </div>
        <div nz-col [nzSpan]="16" class="rightdiv">
            <div>
                <label nz-checkbox [(ngModel)]="isoilCardPay" (ngModelChange)="clearSend()">
              <span>油卡&nbsp;&nbsp;&nbsp;&nbsp;</span>
            </label>
                <div style="display:inline-block">
                    <nz-input-number style="width:100%" [(ngModel)]="sendOutGood.oilCardPay" [nzMin]="0" [nzDisabled]="!isoilCardPay" [nzSize]="'large'" [nzStep]="1"></nz-input-number>
                    <!-- <nz-input [(ngModel)]="sendOutGood.oilCardPay" [nzDisabled]="!isoilCardPay" [nzPlaceHolder]="'large size'" [nzSize]="'large'"></nz-input> -->
                </div>
            </div>
            <div style="margin-top:12px;">
                <label nz-checkbox [(ngModel)]="isbankCardTransfer" (ngModelChange)="clearSend()">
              <span>银行卡转账&nbsp;&nbsp;&nbsp;&nbsp;</span>
            </label>
                <div style="display:inline-block">
                    <nz-input-number style="width:100%" [(ngModel)]="sendOutGood.bankCardTransfer" [nzMin]="0" [nzDisabled]="!isbankCardTransfer" [nzSize]="'large'" [nzStep]="1"></nz-input-number>
                    <!-- <nz-input [(ngModel)]="sendOutGood.bankCardTransfer" [nzDisabled]="!isbankCardTransfer" [nzPlaceHolder]="'large size'" [nzSize]="'large'"></nz-input> -->
                </div>
            </div>
            <div class="btnbottom">
                <button nz-button [nzType]="'primary'" (click)="save()">
                <i class="anticon anticon-schedule"></i><span>提交</span>
              </button>
            </div>
        </div>
    </section>
</section>